<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <!-- Meta, title, CSS, favicons, etc. -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>项目-项目库</title>

    <!-- Bootstrap -->
    <link href="/resa/vendors/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
    <!-- Font Awesome -->
    <link href="/resa/vendors/font-awesome/css/font-awesome.min.css" rel="stylesheet">
    <!-- NProgress -->
    <link href="/resa/vendors/nprogress/nprogress.css" rel="stylesheet">
    <!-- iCheck -->
    <link href="/resa/vendors/iCheck/skins/flat/green.css" rel="stylesheet">
    <link rel="stylesheet" href="/resa/css/contextMenu.css" />
    <!-- Custom Theme Style -->
    <link href="/resa/build/css/custom.min.css" rel="stylesheet">
    
  <style>
    tr{
      cursor: pointer;
    }
  	::-webkit-scrollbar {/*滚动条*/
		    width:5px;
		}
		::-webkit-scrollbar-track {/*滚动槽*/
		    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);
		    border-radius:10px;
		}
		::-webkit-scrollbar-thumb {/*滚动条滑块*/
		    border-radius:10px;
		    background:rgba(0,0,0,0.1);
		    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5);
		}	
		
		.success{
  		background-color:rgba(34,215,187,.3);
  		color:#878787;
  		padding: 5px 15px;
  		border-radius: 3px;
  		font-size: 14px;
  		
  	}
  	.ing{
  		background-color:rgba(243,197,65,.3);
  		color:#878787;
  		padding: 5px 15px;
  		border-radius: 3px;
  		font-size: 14px;
  	}
  	.ing i{
  		color: #FEA31D;
  	}
  	
  	.error{
  			background-color:rgba(244,197,202,.3);
  		color:#878787;
  		padding: 5px 15px;
  		border-radius: 3px;
  		font-size: 14px;
  	}
  	.error i{
  		color: #F95A55;
  	}
  	span{
      font-size: .75rem;
    }





  </style>  
  </head>
	
  <body class="nav-md" style="background: #F0F0F0">
    <!--<div class="container body">-->
      <div class="main_container">
      	
       
        <!-- page content -->
        <div class="right_col" role="main">
          <div class="">
            <!--<div class="page-title">
             <div class="title_left">
                <h3><small>Project Progress list</small></h3>
              </div>

              <div class="title_right">
                <div class="col-md-5 col-sm-5 col-xs-12 form-group pull-right top_search">
                  <div class="input-group">
                    <input type="text" class="form-control" placeholder="Search for...">
                    <span class="input-group-btn">
                      <button class="btn btn-default" type="button">Go!</button>
                    </span>
                  </div>
                </div>
              </div>
            </div>-->
            
            <div class="clearfix"></div>

            <div class="row">
              <div class="col-md-12">
              	
              	<div class="x_title" style="  border: 0px;
									    padding: initial;
									    background: white;
									    margin-top: 10px;
									    padding-top: 9px;
									    padding-left: 17px;">
                     <div class="stat-icon dib flat-color-4">
                     	<div class="col-md-3" style="line-height: 33px;">
												 <i class="menu-icon fa fa-user"></i>  
												 	&nbsp;<a href="/resa/project/projects.html" class="links">项目库</a>/详情</a>
			                 </div>
                    <!--<p>Simple table with project listing with progress and editing options</p>-->
										
										 <div class="col-md-5 col-sm-5 col-xs-12 form-group pull-right top_search" style="    margin-bottom: 0px">
		                  <div class="input-group">
		                    <input type="text" id="queryProjectText" class="form-control" placeholder="Search for Project Name">
		                    <span class="input-group-btn">
		                      <button class="btn btn-default" id="queryProjectBtn" type="button">Go!</button>
		                    </span>
		                  </div>
		                </div>
			                    
			                    
			                   <div class="clearfix" style="background: white;"></div>
                      </div>
                  </div>
              	
              	
              	
                <div class="x_panel">
                  <div class="x_content">
					 				
                    <!-- start project list -->
                    <table id="table" class="table table-striped projects">
                      <thead>
                        <tr>
                          <th style="width: 5%">#</th>
                          <th style="width: 15%">Project Name</th>
                          <th style="width: 15%">创建人</th>
                          <th style="width: 25%">参与人</th>
                          <th style="width: 15%">项目总进度</th>
                          <th style="width: 15%">状态</th>
                          <!--<th style="width: 20%">#Edit</th>-->
                        </tr>
                      </thead>
                      <tbody >
                        <tr title="点击查看项目详情页" th:each="info,infoStat : ${projectList}">
                          <td th:text="${info.pid}">#</td>
                          <td>
                            <a th:text="${info.pName}">Pesamakini Backend UI</a>
                            <br />
                            <small>Created <span th:text="${info.pCreateDate}"></span></small>
                          </td>
                          <td>
                            <ul class="list-inline">
                            <li>
                              <img th:attr="src=${info.mainUserPath2}+${info.mainUserPath}" class="avatar" alt="Avatar">
                            </li>
                            </ul>
                          </td>
                          <td>
                            <ul class="list-inline">

                              <li th:each="imag,imagStat : ${info.participant}">
                                <img th:attr="src=${info.mainUserPath2}+${imag.filepath}" class="avatar" alt="Avatar">
                              </li>
                              <!--<li>-->
                                <!--<img src="images/user.png" class="avatar" alt="Avatar">-->
                              <!--</li>-->
                              <!--<li>-->
                                <!--<img src="images/user.png" class="avatar" alt="Avatar">-->
                              <!--</li>-->
                            </ul>
                          </td>
                          <td class="project_progress">
                            <div class="progress progress_sm">
                              <div class="progress-bar bg-green" role="progressbar" th:attr="data-transitiongoal=${info.progress}"></div>
                            </div>
                            <small th:text="${info.progress}">57% Complete</small>
                          </td>
                          <td>
							<div class="col-md-12" th:if="${info.pStatusId==1}">
                                  <span class="error"><i class="fa fa-power-off" ></i>未开始</span>
                              </div>
                            <div class="col-md-12 " th:if="${info.pStatusId==2}">
			                           	<span class="ing"><i class="fa fa-pie-chart"></i>进行中</span>
                            </div>
                            <div class="col-md-12" th:if="${info.pStatusId==3}">
			                    <span class="success"><i class="menu-icon fa fa-check-circle" style="color: #00c292;"></i>
								  已完成
                                </span>
                            </div>
                          </td>

                        </tr>


                        <!--<tr>-->
                          <!--<td>#</td>-->
                          <!--<td>-->
                            <!--<a>Pesamakini Backend UI</a>-->
                            <!--<br />-->
                            <!--<small>Created 01.01.2015</small>-->
                          <!--</td>-->
                          <!--<td>-->
                            <!--<ul class="list-inline">-->
                              <!--<li>-->
                                <!--<img src="images/user.png" class="avatar" alt="Avatar">-->
                              <!--</li>-->
                              <!--<li>-->
                                <!--<img src="images/user.png" class="avatar" alt="Avatar">-->
                              <!--</li>-->
                            <!--</ul>-->
                          <!--</td>-->
                          <!--<td class="project_progress">-->
                            <!--<div class="progress progress_sm">-->
                              <!--<div class="progress-bar bg-green" role="progressbar" data-transitiongoal="47"></div>-->
                            <!--</div>-->
                            <!--<small>47% Complete</small>-->
                          <!--</td>-->
                          <!--<td>-->
                          	 <!--<div class="col-md-12 ">-->
			                           	<!--<span class="ing">-->
																				<!--<i class="fa fa-pie-chart"></i>-->
																	<!--进行中</span>-->
			                           <!--</div>-->
                          <!--</td>-->
                          <!--&lt;!&ndash;<td>-->
                            <!--<a href="#" class="btn btn-primary btn-xs"><i class="fa fa-folder"></i> View </a>-->
                            <!--<a href="#" class="btn btn-info btn-xs"><i class="fa fa-pencil"></i> Edit </a>-->
                            <!--<a href="#" class="btn btn-danger btn-xs"><i class="fa fa-trash-o"></i> Delete </a>-->
                          <!--</td>&ndash;&gt;-->
                        <!--</tr>-->
                        <!--<tr>-->
                          <!--<td>#</td>-->
                          <!--<td>-->
                            <!--<a>Pesamakini Backend UI</a>-->
                            <!--<br />-->
                            <!--<small>Created 01.01.2015</small>-->
                          <!--</td>-->
                          <!--<td>-->
                            <!--<ul class="list-inline">-->
                              <!--<li>-->
                                <!--<img src="images/user.png" class="avatar" alt="Avatar">-->
                              <!--</li>-->
                              <!--<li>-->
                                <!--<img src="images/user.png" class="avatar" alt="Avatar">-->
                              <!--</li>-->
                              <!--<li>-->
                                <!--<img src="images/user.png" class="avatar" alt="Avatar">-->
                              <!--</li>-->
                            <!--</ul>-->
                          <!--</td>-->
                          <!--<td class="project_progress">-->
                            <!--<div class="progress progress_sm">-->
                              <!--<div class="progress-bar bg-green" role="progressbar" data-transitiongoal="77"></div>-->
                            <!--</div>-->
                            <!--<small>77% Complete</small>-->
                          <!--</td>-->
                          <!--<td>-->
															 <!--<div class="col-md-12 ">-->
			                           	<!--<span class="ing">-->
																				<!--<i class="fa fa-pie-chart" ></i>-->
																	<!--进行中</span>-->
			                           <!--</div>-->
                          <!--</td>-->
                          <!--&lt;!&ndash;<td>-->
                            <!--<a href="#" class="btn btn-primary btn-xs"><i class="fa fa-folder"></i> View </a>-->
                            <!--<a href="#" class="btn btn-info btn-xs"><i class="fa fa-pencil"></i> Edit </a>-->
                            <!--<a href="#" class="btn btn-danger btn-xs"><i class="fa fa-trash-o"></i> Delete </a>-->
                          <!--</td>&ndash;&gt;-->
                        <!--</tr>-->
                        <!--<tr>-->
                          <!--<td>#</td>-->
                          <!--<td>-->
                            <!--<a>Pesamakini Backend UI</a>-->
                            <!--<br />-->
                            <!--<small>Created 01.01.2015</small>-->
                          <!--</td>-->
                          <!--<td>-->
                            <!--<ul class="list-inline">-->
                              <!--<li>-->
                                <!--<img src="images/user.png" class="avatar" alt="Avatar">-->
                              <!--</li>-->
                              <!--<li>-->
                                <!--<img src="images/user.png" class="avatar" alt="Avatar">-->
                              <!--</li>-->
                              <!--<li>-->
                                <!--<img src="images/user.png" class="avatar" alt="Avatar">-->
                              <!--</li>-->
                              <!--<li>-->
                                <!--<img src="images/user.png" class="avatar" alt="Avatar">-->
                              <!--</li>-->
                            <!--</ul>-->
                          <!--</td>-->
                          <!--<td class="project_progress">-->
                            <!--<div class="progress progress_sm">-->
                              <!--<div class="progress-bar bg-green" role="progressbar" data-transitiongoal="60"></div>-->
                            <!--</div>-->
                            <!--<small>60% Complete</small>-->
                          <!--</td>-->
                          <!--<td>-->
                          	 <!--<div class="col-md-12 ">-->
			                           	<!--<span class="success">-->
																				<!--<i class="menu-icon fa fa-check-circle" style="color: #00c292;"></i>-->
																	<!--已完成</span>-->
			                           <!--</div>-->
                          <!--</td>-->
                          <!--&lt;!&ndash;<td>-->
                            <!--<a href="#" class="btn btn-primary btn-xs"><i class="fa fa-folder"></i> View </a>-->
                            <!--<a href="#" class="btn btn-info btn-xs"><i class="fa fa-pencil"></i> Edit </a>-->
                            <!--<a href="#" class="btn btn-danger btn-xs"><i class="fa fa-trash-o"></i> Delete </a>-->
                          <!--</td>&ndash;&gt;-->
                        <!--</tr>-->
                        <!--<tr>-->
                          <!--<td>#</td>-->
                          <!--<td>-->
                            <!--<a>Pesamakini Backend UI</a>-->
                            <!--<br />-->
                            <!--<small>Created 01.01.2015</small>-->
                          <!--</td>-->
                          <!--<td>-->
                            <!--<ul class="list-inline">-->
                              <!--<li>-->
                                <!--<img src="images/user.png" class="avatar" alt="Avatar">-->
                              <!--</li>-->
                              <!--<li>-->
                                <!--<img src="images/user.png" class="avatar" alt="Avatar">-->
                              <!--</li>-->
                              <!--<li>-->
                                <!--<img src="images/user.png" class="avatar" alt="Avatar">-->
                              <!--</li>-->
                            <!--</ul>-->
                          <!--</td>-->
                          <!--<td class="project_progress">-->
                            <!--<div class="progress progress_sm">-->
                              <!--<div class="progress-bar bg-green" role="progressbar" data-transitiongoal="12"></div>-->
                            <!--</div>-->
                            <!--<small>12% Complete</small>-->
                          <!--</td>-->
                          <!--<td>-->
                          	 <!--<div class="col-md-12 ">-->
			                           	<!--<span class="success">-->
																				<!--<i class="menu-icon fa fa-check-circle" style="color: #00c292;"></i>-->
																	<!--已完成</span>-->
			                           <!--</div>-->
                          <!--</td>-->
                          <!--&lt;!&ndash;<td>-->
                            <!--<a href="#" class="btn btn-primary btn-xs"><i class="fa fa-folder"></i> View </a>-->
                            <!--<a href="#" class="btn btn-info btn-xs"><i class="fa fa-pencil"></i> Edit </a>-->
                            <!--<a href="#" class="btn btn-danger btn-xs"><i class="fa fa-trash-o"></i> Delete </a>-->
                          <!--</td>&ndash;&gt;-->
                        <!--</tr>-->
                        <!--<tr>-->
                          <!--<td>#</td>-->
                          <!--<td>-->
                            <!--<a>Pesamakini Backend UI</a>-->
                            <!--<br />-->
                            <!--<small>Created 01.01.2015</small>-->
                          <!--</td>-->
                          <!--<td>-->
                            <!--<ul class="list-inline">-->
                              <!--<li>-->
                                <!--<img src="images/user.png" class="avatar" alt="Avatar">-->
                              <!--</li>-->
                              <!--<li>-->
                                <!--<img src="images/user.png" class="avatar" alt="Avatar">-->
                              <!--</li>-->
                              <!--<li>-->
                                <!--<img src="images/user.png" class="avatar" alt="Avatar">-->
                              <!--</li>-->
                              <!--<li>-->
                                <!--<img src="images/user.png" class="avatar" alt="Avatar">-->
                              <!--</li>-->
                            <!--</ul>-->
                          <!--</td>-->
                          <!--<td class="project_progress">-->
                            <!--<div class="progress progress_sm">-->
                              <!--<div class="progress-bar bg-green" role="progressbar" data-transitiongoal="35"></div>-->
                            <!--</div>-->
                            <!--<small>35% Complete</small>-->
                          <!--</td>-->
                          <!--<td>-->
                          	 <!--<div class="col-md-12 ">-->
			                           	<!--<span class="error">-->
																				<!--<i class="fa fa-power-off" ></i>-->
																	<!--未开始</span>-->
			                           <!--</div>-->
                          <!--</td>-->
                          <!--&lt;!&ndash;<td>-->
                            <!--<a href="#" class="btn btn-primary btn-xs"><i class="fa fa-folder"></i> View </a>-->
                            <!--<a href="#" class="btn btn-info btn-xs"><i class="fa fa-pencil"></i> Edit </a>-->
                            <!--<a href="#" class="btn btn-danger btn-xs"><i class="fa fa-trash-o"></i> Delete </a>-->
                          <!--</td>&ndash;&gt;-->
                        <!--</tr>-->
                        <!--<tr>-->
                          <!--<td>#</td>-->
                          <!--<td>-->
                            <!--<a>Pesamakini Backend UI</a>-->
                            <!--<br />-->
                            <!--<small>Created 01.01.2015</small>-->
                          <!--</td>-->
                          <!--<td>-->
                            <!--<ul class="list-inline">-->
                              <!--<li>-->
                                <!--<img src="images/user.png" class="avatar" alt="Avatar">-->
                              <!--</li>-->
                              <!--<li>-->
                                <!--<img src="images/user.png" class="avatar" alt="Avatar">-->
                              <!--</li>-->
                            <!--</ul>-->
                          <!--</td>-->
                          <!--<td class="project_progress">-->
                            <!--<div class="progress progress_sm">-->
                              <!--<div class="progress-bar bg-green" role="progressbar" data-transitiongoal="87"></div>-->
                            <!--</div>-->
                            <!--<small>87% Complete</small>-->
                          <!--</td>-->
                          <!--<td>-->
                          	 <!--<div class="col-md-12 ">-->
			                           	<!--<span class="success">-->
																				<!--<i class="menu-icon fa fa-check-circle" style="color: #00c292;"></i>-->
																	<!--已完成</span>-->
			                           <!--</div>-->
                          <!--</td>-->
                          <!--&lt;!&ndash;<td>-->
                            <!--<a href="#" class="btn btn-primary btn-xs"><i class="fa fa-folder"></i> View </a>-->
                            <!--<a href="#" class="btn btn-info btn-xs"><i class="fa fa-pencil"></i> Edit </a>-->
                            <!--<a href="#" class="btn btn-danger btn-xs"><i class="fa fa-trash-o"></i> Delete </a>-->
                          <!--</td>&ndash;&gt;-->
                        <!--</tr>-->
                        <!--<tr>-->
                          <!--<td>#</td>-->
                          <!--<td>-->
                            <!--<a>Pesamakini Backend UI</a>-->
                            <!--<br />-->
                            <!--<small>Created 01.01.2015</small>-->
                          <!--</td>-->
                          <!--<td>-->
                            <!--<ul class="list-inline">-->
                              <!--<li>-->
                                <!--<img src="images/user.png" class="avatar" alt="Avatar">-->
                              <!--</li>-->
                              <!--<li>-->
                                <!--<img src="images/user.png" class="avatar" alt="Avatar">-->
                              <!--</li>-->
                              <!--<li>-->
                                <!--<img src="images/user.png" class="avatar" alt="Avatar">-->
                              <!--</li>-->
                            <!--</ul>-->
                          <!--</td>-->
                          <!--<td class="project_progress">-->
                            <!--<div class="progress progress_sm">-->
                              <!--<div class="progress-bar bg-green" role="progressbar" data-transitiongoal="77"></div>-->
                            <!--</div>-->
                            <!--<small>77% Complete</small>-->
                          <!--</td>-->
                          <!--<td>-->
                          	 <!--<div class="col-md-12 ">-->
			                           	<!--<span class="error">-->
																				<!--<i class="fa fa-power-off"></i>-->
																	<!--未开始</span>-->
			                           <!--</div>-->
                          <!--</td>-->
                          <!--&lt;!&ndash;<td>-->
                            <!--<a href="#" class="btn btn-primary btn-xs"><i class="fa fa-folder"></i> View </a>-->
                            <!--<a href="#" class="btn btn-info btn-xs"><i class="fa fa-pencil"></i> Edit </a>-->
                            <!--<a href="#" class="btn btn-danger btn-xs"><i class="fa fa-trash-o"></i> Delete </a>-->
                          <!--</td>&ndash;&gt;-->
                        <!--</tr>-->
                        <!--<tr>-->
                          <!--<td>#</td>-->
                          <!--<td>-->
                            <!--<a>Pesamakini Backend UI</a>-->
                            <!--<br />-->
                            <!--<small>Created 01.01.2015</small>-->
                          <!--</td>-->
                          <!--<td>-->
                            <!--<ul class="list-inline">-->
                              <!--<li>-->
                                <!--<img src="images/user.png" class="avatar" alt="Avatar">-->
                              <!--</li>-->
                              <!--<li>-->
                                <!--<img src="images/user.png" class="avatar" alt="Avatar">-->
                              <!--</li>-->
                              <!--<li>-->
                                <!--<img src="images/user.png" class="avatar" alt="Avatar">-->
                              <!--</li>-->
                              <!--<li>-->
                                <!--<img src="images/user.png" class="avatar" alt="Avatar">-->
                              <!--</li>-->
                            <!--</ul>-->
                          <!--</td>-->
                          <!--<td class="project_progress">-->
                            <!--<div class="progress progress_sm">-->
                              <!--<div class="progress-bar bg-green" role="progressbar" data-transitiongoal="77"></div>-->
                            <!--</div>-->
                            <!--<small>77% Complete</small>-->
                          <!--</td>-->
                          <!--<td>-->
                          	 <!--<div class="col-md-12 ">-->
			                           	<!--<span class="success">-->
																				<!--<i class="menu-icon fa fa-check-circle" style="color: #00c292;"></i>-->
																	<!--已完成</span>-->
			                           <!--</div>-->
                          <!--</td>-->
                          <!--&lt;!&ndash;<td>-->
                            <!--<a href="#" class="btn btn-primary btn-xs"><i class="fa fa-ellipsis-v"></i> 详情 </a>-->
                            <!--<a href="#" class="btn btn-info btn-xs"><i class="fa fa-cog"></i> 配置 </a>-->
                            <!--<a href="#" class="btn btn-danger btn-xs"><i class="fa fa-trash-o"></i> Delete </a>-->
                          <!--</td>&ndash;&gt;-->
                        <!--</tr>-->
                      <!---->

                      </tbody>
                    </table>
                    <!-- end project list -->

                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <!-- /page content -->

       
      </div>
    <!--</div>-->

    <!-- jQuery -->
    <script src="/resa/vendors/jquery/dist/jquery.min.js"></script>
    <!-- Bootstrap -->
    <script src="/resa/vendors/bootstrap/dist/js/bootstrap.min.js"></script>
    <!-- FastClick -->
    <script src="/resa/vendors/fastclick/lib/fastclick.js"></script>
    <!-- NProgress -->
    <script src="/resa/vendors/nprogress/nprogress.js"></script>
    <!-- bootstrap-progressbar -->
    <script src="/resa/vendors/bootstrap-progressbar/bootstrap-progressbar.min.js"></script>
    <script src="/resa/js/jquery.contextMenu.min.js"></script>

    <!-- Custom Theme Scripts -->
    <script src="/resa/build/js/custom.min.js"></script>
    <script>
    	
    	$(function(){
            $("#queryProjectBtn").click(function(){
                var data=$("#queryProjectText").val();
                console.log(data)
                if(data=='' ||data=="" || data==null){
                  window.location.href='/resa/project/projects.do';
                }else{
                  window.location.href='/resa/project/projects.do?projectName='+data;
                }
            });


    		$("tbody tr").on('click',function(){
    			window.location.href='/resa/project/project_detail/'+$($(this).children()[0]).text()+'.do'
    		})

    	})
  </script>
  </body>
</html>